ul,li{
    margin: 0;
    padding: 0;
    list-style: none;
}
.Citys{
    position: absolute;
   top:80px;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
}
.c_title{
    height: 30px;
    background: #eeeeee;
    line-height: 30px;
    text-indent: 10px;
}
.c_citys{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* padding: 10px; */
}
.c_city{
    width: 100px;
    height: 26px;
    line-height: 26px;
    text-align:  center;
    padding: 2px;
    border-radius: 6px;
    border: 1px solid #cccccc;
    box-sizing: content-box;
    margin: 10px;
    cursor: pointer;
}
.c_city:nth-of-type(3n){
   margin-right: 0px;
}
.c_citys_list{
    height: 40px;
    line-height: 40px;
    text-indent:10px;
    font-size: 16px; 
    border-bottom: 1px solid #eeeeee;
}
.basic{
    position: absolute;
    right: 10px;
    top: 0px;
    bottom: 0;
}
.basic ul{
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content:center;
}
.basic ul li{
   color: #00bcd4;
   font-size:14px; 
}